<template>
	<div style="position: relative;height: 100%;">
		<div style="padding-top: 20px;height: 100%;position: relative;">
			<Tabs v-model="value" >
				<TabPane label="课表规则" name="0">
					<kebiaoRuler></kebiaoRuler>
				</TabPane>
				<TabPane label="课程规则" name="1">
					<kechengRuler></kechengRuler>
				</TabPane>
				<TabPane label="教师规则" name="2">
					<laoshiRuler></laoshiRuler>
				</TabPane>
			</Tabs>
		</div>

	</div>
</template>

<script>
	import kebiaoRuler from '@/components/selectCourses/courseSystem/kebiaoRuler'
	import kechengRuler from '@/components/selectCourses/courseSystem/kechengRuler'
	import laoshiRuler from '@/components/selectCourses/courseSystem/laoshiRuler'
	export default {
		data() {
			return {
				value: "0",
			}
		},
		components: {
			kebiaoRuler,
			kechengRuler,
			laoshiRuler,
		},
		computed: {

		},
		methods: {},
	}
</script>

<style>
	.ivu-tabs-bar {
		height: 100%;
		border: 0px;
	}
	
	.ivu-tabs-ink-bar {
		height: 0px;
	}
</style>